import "@/components/profile/Profile";
import { profileMock, contactDataMock, limitedProfileMock } from "../sandbox.mock";
import { html } from "lit-element";

export const profileTemplate = html`
  <h4>Default display, Comprehensive data</h4>
  <cjaas-profile .contactData=${contactDataMock} .profileData=${profileMock} ?names-loading=${false}> </cjaas-profile>
  <!-- <h4>Default display, Only Profile data w/ contactData inferred from profileData</h4>
  <cjaas-profile .profileData=${profileMock}> </cjaas-profile>
  <h4>Default display, with limited data</h4>
  <cjaas-profile .profileData=${limitedProfileMock}> </cjaas-profile> -->
  <!-- <h4>Default display, Loading</h4>
  <cjaas-profile getProfileDataInProgress .contactData=${contactDataMock} .profileData=${profileMock}> </cjaas-profile>
  <h4>Snapshot display, contactData provided</h4>
  <cjaas-profile .contactData=${contactDataMock} .profileData=${profileMock} snapshot> </cjaas-profile>
  <h4>Snapshot display, Loading</h4>
  <cjaas-profile
    .contactData=${contactDataMock}
    .profileData=${profileMock}
    snapshot
    getProfileDataInProgress
  ></cjaas-profile>
  <h4>Compact display, contactData provided</h4>
  <cjaas-profile .contactData=${contactDataMock} .profileData=${profileMock} compact> </cjaas-profile>
  <h4>Compact display, Loading</h4>
  <cjaas-profile .contactData=${contactDataMock} .profileData=${profileMock} compact getProfileDataInProgress>
  </cjaas-profile>
  <h4>With "No Data" Localized Message passed in</h4>
  <cjaas-profile>
    <p slot="l10n-no-data-message">No se han proporcionado datos</p>
  </cjaas-profile>
  <h4>Empty Contact Data & Profile Data</h4>
  <cjaas-profile .contactData=${{}} .profileData=${{}} customer="Bruce Springsteen"></cjaas-profile>
  <h4>Empty Contact Data & Profile Data but getProfileDataInProgress</h4>
  <cjaas-profile .contactData=${{}} .profileData=${{}} getProfileDataInProgress></cjaas-profile>
  <h4>Has Error Message</h4>
  <cjaas-profile
    .contactData=${{}}
    .profileData=${{}}
    getProfileDataInProgress
    error-message="Profile not found for Elena"
    customer="Bruce"
  ></cjaas-profile> -->
`;